
body{
	height:100%;
	background:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 微软雅黑,
    tahoma, simsun, sans-serifbody !important;
}
::-webkit-scrollbar{display:none;}

.main {
	background:#fff;
	padding:39px 0 20px;
}
.main .bor-t{
	border-top:10px solid #f1f2f3;
}
.main .goods-list ul li{
	border-top:10px solid #f1f2f3;
}

.main .goods-list ul li > div{
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding:10px 5px 0;
}
.main .goods-list ul li div > div{
	padding:0 5px 10px;
	width:50%;
	box-sizing:border-box;
	
}
.main .goods-list ul li div > div > p:first-child{
	height: 50vw;
	box-sizing:border-box;
	padding:7px 0;
}
.main .goods-list ul li div > p:first-child > img{
	width:100%;
	border-radius:4px;
	height:100%;
	
}
.main .goods-list ul li .goods-name{
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	padding:3px 0;line-height:1.6;font-size:14px;font-weight:300;
}
.main .goods-list > ul li .price{
	color:#333;
	font-size:16px;
	padding:3px 0 0;
}
.main .goods-list > ul li .price img{
	vertical-align: inherit;
}
.main .goods-list > ul li .vip-price{
	font-size:12px;
	color:#999;
}

.main .goods-list-wrap .menu-topInner{
	position:fixed;
	top:0;
	left:0;
	right:0;
	color:#fff;
	z-index:1;
	overflow-x: auto;
}
.main .goods-list-wrap .menu-topInner ul{
	overflow-x:auto;
	height:54px;
}
.main .goods-list-wrap .menu-topInner li{
	line-height:40px;
	padding:0 30px;
	max-width:120px;
	text-align:center;
	float:left;
	background:#333;
	
}
.main .goods-list-wrap .menu-topInner li p{
	text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
}
.main .goods-list-wrap .menu-topInner .active{
	background:#f34545;
	position:relative;
}
.main .goods-list-wrap .menu-topInner .active:before{
	content:"";
	width:0;
	position:absolute;
	left:50%;
	bottom:-10px;
	border:5px solid transparent;
	border-top:5px solid #f34545;
}
/* .left ul{
	position:relative;
}
.left ul:before{
	content:"";
	position:absolute;
	right:0;
	left:0;
	height:40px;
	background:#000;
	z-index:0;
}
 */

.left{
  position:fixed;
  top: 0;
  width: 100%;
  overflow-x:auto;
}
.left ul:after{
  content:"";
  display:block;
  clear:both;
}
.left ul li{
  text-align: center;
  float:left;
}
.active{
  background: #fff;
}
.right{
  width: 100%;
  height: 100%;
}